{include file="index@public/header" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/swiper.min.css"/>
<style>
    .shouye{
        background: #fff;
        height: 800px;
        position: relative;
        top: 3.2em;
    }
    .shouye .swiper{
        position: fixed;
        padding: 0;
        background: #ddd;
        z-index: 2;
        box-shadow:#ddd 2px 2px 5px;
    }
    .shouye .swiper img{
        width:100%;
        height:100%;
    }
    .shouye .container{
        width: 100%;
        position: fixed;
        height: 60%;
        bottom: 3.2em;
        padding-top:1em;
        background: #fff;
        overflow-y: auto;
        border-top:1px dashed #ddd;
    }
    .shouye .container .item{
        width:33.3%;
        height:100px;
        float:left
    }
    .shouye .container .item img{
        width:100%;
        height:100%;
    }
    .shouye a{
        color:#fff;
    }
    .shouye .item{
        border:1px solid #fff;
    }
    .shouye .gegnduo{
        position: absolute;
        bottom: 1em;
        padding-left: 38%;
    }
    .shouye .jianjie{
        background: #f89dfb;
        color:#fff;
        position: relative;
        text-align: center;
        top:-1.3em;
        font-size: .8em;
        padding:.3em;
        z-index:3;
    }
</style>
<div class = "shouye">
    <div class = "swiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="__PUBLIC__/images/login-img.jpg"/></div>
                <div class="swiper-slide"><img src="__PUBLIC__/images/login-img.jpg"/></div>
                <div class="swiper-slide"><img src="__PUBLIC__/images/login-img.jpg"/></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class = "container">
        {volist name="$model_list" id="list"}
        <a class = "item" href = "{:url('index/Oneself/selfDetail',array('id'=>$list['uid']))}"><img src = "{$list['shpic01']}" onerror="javascript:this.src='/upload/images/login-img.jpg'"/>
            <!--<div class = "jianjie">{if $list['sex'] eq '0'}男{else/}女{/if}/{$list['shengao']}/{$list['xueli']}</div>-->
        </a>
        {/volist}
        <div class = "row text-center gegnduo"><button class = "btn btn-success" style = "margin:1em;"><a href = "{:url('index/index/memlist')}">查看更多</a></button></div>
    </div>
</div>
<script src="__PUBLIC__/js/swiper.min.js"></script>
<script type="text/javascript">
    $(function(){
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
            },
        });
    })
</script>
{include file="index@public/footer" /}